<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/brand_desc.css">
    <script src="/js/miniprogram.js"></script>
    <script>
        var docEl = document.documentElement
        docEl.style.fontSize = (docEl.clientWidth / 750 * 100) + 'px'
    </script>
</head>
<body>
    <header class="header">
        <div class="logo"><img src="/img/logo.png"></div>
        <span class="nav-logo" onclick="toggleNav(event)"><img src="/img/nav-logo.png"></span>
        <div class="nav-warp" id="nav-warp">
            <a href="/" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-1.png"></span>
                <span class="nav-cell-txt">首页</span>
            </a>
            <a href="/brand_desc.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-2.png"></span>
                <span class="nav-cell-txt">品牌介绍</span>
            </a>
            <a href="/product_desc.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-3.png"></span>
                <span class="nav-cell-txt">产品介绍</span>
            </a>
            <a class="nav-cell" onclick="toggleNavProduct(this, event)" id="nav-cell-sub">
                <span class="nav-cell-icon"><img src="/img/nav-icon-4.png"></span>
                <span class="nav-cell-txt">产品报价</span>
            </a>
            <a href="/dealer_login.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-5.png"></span>
                <span class="nav-cell-txt">经销商登录</span>
            </a>
            <a href="/quailty_search.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-6.png"></span>
                <span class="nav-cell-txt">质保查询</span>
            </a>
            <a href="/example.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-7.png"></span>
                <span class="nav-cell-txt">案例展示</span>
            </a>
            <a href="/news.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-8.png"></span>
                <span class="nav-cell-txt">资讯活动</span>
            </a>
            <a href="/store.html" class="nav-cell">
                <span class="nav-cell-icon"><img src="/img/nav-icon-9.png"></span>
                <span class="nav-cell-txt">合作门店</span>
            </a>
        </div>
        <div class="sub-nav" id="sub-nav" style="display: none;">
            <a href="/quoted_category_transparent.html" class="nav-cell">
                <span class="nav-cell-txt">透明膜报价</span>
            </a>
            <a href="/quoted_category_color.html" class="nav-cell">
                <span class="nav-cell-txt">CA改色膜报价</span>
            </a>
        </div>
        <div class="search"><img src="/img/icon-search.png" alt=""></div>
        <script>
            function toggleNav(event) {
                event.stopPropagation()
                var dom = document.getElementById('nav-warp')
                var classes = dom.getAttribute('class').split(' ')
                if (classes.indexOf('active') > -1) {
                    dom.setAttribute('class', classes.filter(i => i !== 'active').join(' '))
                } else {
                    classes.push('active')
                    dom.setAttribute('class', classes.join(' '))
                }
                hideeNavProduct(document.getElementById('nav-cell-sub'))
            }
            document.addEventListener('click', (e) => {
                var dom = document.getElementById('nav-warp')
                var classes = dom.getAttribute('class').split(' ')
                if (classes.indexOf('active') > -1) {
                    dom.setAttribute('class', classes.filter(i => i !== 'active').join(' '))
                }
                hideeNavProduct(document.getElementById('nav-cell-sub'))
            })
            // 点击产品报价
            function toggleNavProduct(dom, e) {
                e.stopPropagation()
                var classes = dom.getAttribute('class').split(' ')
                if (classes.indexOf('active') > -1) {
                    hideeNavProduct(dom)
                } else {
                    showNavProduct(dom)
                }
            }
            function showNavProduct (dom) {
                var classes = dom.getAttribute('class').split(' ')
                classes.push('active')
                document.getElementById('sub-nav').style.display = 'block'
                dom.setAttribute('class', classes.join(' '))
            }
            function hideeNavProduct (dom) {
                var classes = dom.getAttribute('class').split(' ')
                classes = classes.filter(i => i !== 'active')
                document.getElementById('sub-nav').style.display = 'none'
                dom.setAttribute('class', classes.join(' '))
            }
        </script>
    </header>
    <div class="brand-desc">
        <div style="height: 3rem; text-align: center;">
            <iframe src="https://tv.sohu.com/s/sohuplayer/iplay.html?bid=187331546&amp;autoplay=false&amp;disablePlaylist=true" allowfullscreen="true" scrolling="no" width="100%" height="100%" frameborder="0"></iframe>
        </div>
        <div class="content">
            <div class="logo-wrap">
                <div class="logo"><img src="/img/logo-noshadow.png" width="100%"></div>
                <p class="desc">源自“Barrier－屏障”一词，意义在于阻隔一切对漆面的伤害，从而保护珍贵的原厂车漆，拒绝对漆面膜作用夸大吹捧让漆面保护膜回归本质作用。</p>
                <div class="imgs">
                    <div class="img-wrap"><img src="/img/brand-desc-img-1.png" alt=""></div>
                    <div class="img-wrap"><img src="/img/brand-desc-img-2.png" alt=""></div>
                </div>
            </div>
            <div class="profit-wrap">
                <div class="title">拜亚膜 —— <span>漆面保护 巅峰性能</span></div>
                <span class="mark">纳米类玻璃表面涂层 </span>
                <p class="desc">新一代黑色膜黑科技，顶级玻璃结晶表面涂层，长效疏水、抗污、高亮光、防雨渍、轻微划痕自愈完美结合。 </p>
                <div class="img">
                    <img src="/img/brand-desc-img-3.png" width="100%">
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="link">
            <a href="/quailty_search.html" class="link-cell">质保查询</a>
            <a href="/dealer_login.html" class="link-cell">经销商登录</a>
            <a href="/quoted_part.html" class="link-cell">产品报价</a>
            <a href="/product_desc.html" class="link-cell">产品介绍</a>
        </div>
        <div class="phone">服务热线：<a href="tel:4001 618 615">4001 618 615</a></div>
        <div class="company">运营商:拜亚(山东)薄膜有限公司</div>
        <div class="beian">粤ICP备05108632号- 13</div>
    </footer>
    <div class="mini-menu">
        <a href="/" class="cell active">
            <div class="icon"></div>
            <div class="name">首页</div>
        </a>
        <a href="/product_desc.html" class="cell">
            <div class="icon"></div>
            <div class="name">产品</div>
        </a>
        <a href="/quoted.html" class="cell">
            <div class="icon"></div>
            <div class="name">报价</div>
        </a>
        <a href="/example.html" class="cell">
            <div class="icon"></div>
            <div class="name">案例</div>
        </a>
        <a href="/mine.html" class="cell">
            <div class="icon"></div>
            <div class="name">我的</div>
        </a>
    </div>
</body>
</html>